<template>
	<view class="container">
		<u-navbar :autoBack="true" title="活动规则" placeholder leftIconColor="#fff" bgColor="#0a0816"></u-navbar>
		<view class="pad-32 ">
			<view class="bg-white pad-30 radius24">
				<u-parse :content="data.desc"></u-parse>
			</view>
		</view>
	</view>
</template>

<script>
	// 接口地址
	import {
		activityInfo,
	} from '@/config/api.js';

	export default {
		data() {
			return {
				data: {}
			}
		},
		onLoad(options) {
			this.activityId = options.id;
			this.getList();
		},
		methods: {
			// 获取详情
			getList() {
				activityInfo({
					id: this.activityId
				}).then(res => {
					let {
						info
					} = res.data;
					this.data = info;
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		min-height: 100vh;

		::v-deep .u-navbar__content {
			background-image: url('../../static/image/my-bg.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-color: #f5f5f5;
		}

	}
</style>